import React, {Component} from 'react';

class Navbar extends Component {
    render() {
        return (
            // <nav className="navbar navbar-expand-lg navbar-dark bg-dark p-1">
            //     <span className="navbar-brand">Tree</span>
            //     <button className="navbar-toggler" type="button" data-toggle="collapse"
            //             data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
            //             aria-expanded="false" aria-label="Toggle navigation">
            //         <span className="navbar-toggler-icon"></span>
            //     </button>
            //     {/*<div className="collapse navbar-collapse" id="navbarSupportedContent" >*/}
            //     {/*    <Link to={"/"}>*/}
            //     {/*        <span style={{color:"white"}}>*/}
            //     {/*            Home*/}
            //     {/*        </span>*/}
            //     {/*    </Link>*/}
            //     {/*</div>*/}
            //
            // </nav>

            <nav className="navbar bg-dark" >
        <div className="container-fluid">
          <div className="d-flex align-items-center justify-content-between w-100">
            <a className="navbar-brand navbar-dark" href=".">LoopIfElse</a>
          </div>
        </div>
      </nav>
        );
    }
}

export default Navbar;